/*Styles.css for HOME*/

#main_bg
{
	width: 900px;
	margin: 0 auto;
	font-family: Calibri;
}

#title_page
{
	height: 75px;
	width: 900px;
	float: left;
	color: #2180CE;
}

#page_header
{
	height: 17px;
	width: 900px;
}

#nav
{
	text-decoration: none;
	float: left;
	text-align: left;
}

#nav a:link,a:visited
{
	font-weight:bold;
	text-align:center;
	padding:6px;
	text-decoration:none;
}

#nav a:hover,a:active
{
	background-color:#D7D7E7;
}

#nav2
{
	min-width: 50px;
	color: #2180CE;
	text-decoration: none;
	float: right;
	text-align: right;
}

#content
{
	height:400px;
	width: 900px;
	margin-top: 23px;
	text-align: center;
}

#link
{
	color: #2180CE;
	text-decoration: none;
}

#button_nav
{
	text-decoration: none;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	text-align: center;
	padding: 10px 26px;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	overflow: visible;
	margin: 10px 20px 0 0;
	background-color: blue;
	color: white;
	color: white;
	border-top: 1px #2270AB solid;
	border-right: 1px #18639A solid;
	border-bottom: 1px #0F568B solid;
	border-left: 1px #18639A solid;
	background: #2180CE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33a0e8", endColorstr="#2180ce");
	background: -webkit-gradient(linear, left top, left bottom, from(#33A0E8), to(#2180CE));
	background: -moz-linear-gradient(top, #33A0E8, #2180CE);
	text-shadow: #355782 0 1px 2px;
	-webkit-text-shadow: #355782 0 1px 2px;
	-moz-text-shadow: #355782 0 1px 2px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3),inset 0px 1px 0px #83c5f1;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),inset 0px 1px 0px #83C5F1;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),inset 0px 1px 0px #83C5F1;
}

#button_nav1
{
	text-decoration: none;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	text-align: center;
	padding: 10px 26px;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	overflow: visible;
	margin: 10px 20px 0 0;
	background-color: blue;
	color: white;
	color: white;
	border-top: 1px #2270AB solid;
	border-right: 1px #18639A solid;
	border-bottom: 1px #0F568B solid;
	border-left: 1px #18639A solid;
	background: #2180CE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33a0e8", endColorstr="#2180ce");
	background: -webkit-gradient(linear, left top, left bottom, from(#33A0E8), to(#2180CE));
	background: -moz-linear-gradient(top, #33A0E8, #2180CE);
	text-shadow: #355782 0 1px 2px;
	-webkit-text-shadow: #355782 0 1px 2px;
	-moz-text-shadow: #355782 0 1px 2px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3),inset 0px 1px 0px #83c5f1;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),inset 0px 1px 0px #83C5F1;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),inset 0px 1px 0px #83C5F1;
	margin: 0 53px 0 110px;
}

#button_nav2
{
	text-decoration: none;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	text-align: center;
	padding: 10px 26px;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	overflow: visible;
	margin: 10px 20px 0 0;
	background-color: blue;
	color: white;
	color: white;
	border-top: 1px #2270AB solid;
	border-right: 1px #18639A solid;
	border-bottom: 1px #0F568B solid;
	border-left: 1px #18639A solid;
	background: #2180CE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33a0e8", endColorstr="#2180ce");
	background: -webkit-gradient(linear, left top, left bottom, from(#33A0E8), to(#2180CE));
	background: -moz-linear-gradient(top, #33A0E8, #2180CE);
	text-shadow: #355782 0 1px 2px;
	-webkit-text-shadow: #355782 0 1px 2px;
	-moz-text-shadow: #355782 0 1px 2px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3),inset 0px 1px 0px #83c5f1;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),inset 0px 1px 0px #83C5F1;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),inset 0px 1px 0px #83C5F1;
	margin: 0 160px 0 90px;
}

#signout
{
	color: red;
	margin-left: 15px;
	text-decoration: none;
}


.button{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-image:url(videoicon.jpg);
	background-repeat:no-repeat;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	width:150px;
	height:200px;
	text-align:center;
	left:auto; 
	opacity:0.4;
}.button:hover {
	background-image:url(videoicon.jpg);
	opacity:1.0;
}.button:active {
	position:relative;
	top:1px;
}.button p{
	vertical-align:middle;
	top:
}

.audio{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-image:url(File-Audio-icon.png);
	background-repeat:no-repeat;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	width:150px;
	height:200px;
	text-align:center;
	left:auto; 
	opacity:0.4;
}.audio:hover {
	background-image:url(audio icon.jpg);
	opacity:1.0;
}.audio:active {
	position:relative;
	top:1px;
}.audio p{
	vertical-align:middle;
	top:
}
.games{
opacity:0.4;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-image:url(Games.png);
	background-repeat:no-repeat;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	width:150px;
	height:200px;
	text-align:center;
	left:auto; 
}.games:hover {
	background-image:url(Games.png);
	opacity:1.0;
}.games:active {
	position:relative;
	top:1px;
}.games p{
	vertical-align:middle;
	top:
}
.multim{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-image:url(icon-multimedia.jpg);
	background-repeat:no-repeat;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	width:150px;
	height:200px;
	text-align:center;
	left:auto;
	opacity:0.4; 
}.multim:hover {
	background-image:url(icon-multimedia.jpg);
	opacity:1.0;
}.multim:active {
	position:relative;
	top:1px;
}.multim p{
	vertical-align:middle;
	top:
}.picture:hover{opacity:0.4}
